<div class="page-container">Page of</div>
<div class="logo-container"><img style="height: 18px;" src="https://app.useanvil.com/img/email-logo-black.png" /></div>
<table class="invoice-info-container">
<tbody>
<tr>
<td class="client-name" rowspan="2">{{client_name}}</td>
<td>Anvil Co</td>
</tr>
<tr>
<td>123 Main Street</td>
</tr>
<tr>
<td>Fecha Recibo: <strong>{{today_date}}</strong></td>
<td>San Francisco CA, 94103</td>
</tr>
<tr>
<td>Recibo No: <strong>12345</strong></td>
<td>hello@useanvil.com</td>
</tr>
</tbody>
</table>
<table class="line-items-container">
<thead>
<tr>
<th class="heading-quantity">&nbsp;</th>
<th class="heading-description">Descripcion</th>
<th class="heading-price">&nbsp;</th>
<th class="heading-subtotal">Subtotal</th>
</tr>
</thead>
<tbody>
<tr>
<td>&nbsp;</td>
<td>{{item1}}</td>
<td class="right">&nbsp;</td>
<td class="bold">{{subtotal1}}</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>{{item2}}</td>
<td class="right">&nbsp;</td>
<td class="bold">{{subtotal2}}</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>{{item3}}</td>
<td class="right">&nbsp;</td>
<td class="bold">{{subtotal3}}</td>
</tr>
</tbody>
</table>
<table class="line-items-container has-bottom-border">
<thead>
<tr>
<th>Info de pago</th>
<th>Mes a pagar</th>
<th>Total a pagar</th>
</tr>
</thead>
<tbody>
<tr>
<td class="payment-info">
<div>Account No: <strong>123567744</strong></div>
<div>Routing No: <strong>120000547</strong></div>
</td>
<td class="large">{{month}}</td>
<td class="large total">{{total}}</td>
</tr>
</tbody>
</table>
<div class="footer">
<div class="footer-info">hello@useanvil.com | 555 444 6666 | useanvil.com</div>
<div class="footer-thanks"><img src="https://github.com/anvilco/html-pdf-invoice-template/raw/main/img/heart.png" alt="heart" />Thank you!</div>
</div>